<div class="control-group">
  <label for="src">Image URL</label>
  <input id="src" name="src" type="text" required="required" placeholder="htttp://www.example.com/img.jpg" value="{$src|default:''}" />
</div>

<div class="control-group">
  <label for="width">Width</label>
  <input id="width" name="width" type="text" placeholder="percentage or number" value="{$width|default:''}" />
</div>

<div class="control-group">
  <label for="height">height</label>
  <input id="height" name="height" type="text" placeholder="percentage or number" value="{$height|default:''}" />
</div>

<div class="control-group">
  <label for="free">Be Free! add your own attributes</label>
  <input id="free" name="free" type="text" placeholder="class='shadowbox' rel='myPictures'" value="{$free|default:''}" />
</div>
